html{
    height: 100%;
}
body{
    -webkit-user-select: none;
    font-size: 14px;
    height: 100%;
}
body,div{
    padding:0;
    margin:0
}
#root{
    height: 100%;

}
*{
    outline: none;
}
body, html {
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    position: relative;
}
.main-app{
    position: relative;
    height: 100%;
    //min-width: 1220px;
}
body, button, input, select, textarea {
    font: normal 100% PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
}

table {
    font-size: 14px;
}

.container {
    position: absolute;
    left: -201px;
    top: 48px;
    right: 0;
    bottom: 0;
    transition: left .3s;
    transform: translate3d(0, 0, 0);
    background: #fff;
}

.aside {
    position: relative;
    width: 199px;
    background-color: #f0f6f6;
    border-right: 1px solid #cedfea;
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.menu {
    position: relative;
    height: 100%;
}

.container {
    transform: none !important;
}

.container {
    transform: none;
    transition: none;
    height: auto;
}

.main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 200px;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.manage-area {
    background-color: #fff;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.manage-area-title {
    margin: 0 28px;
    font-size: 0;
    height: 62px;
    line-height: 62px;
    position: relative;
}

.manage-area-title h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 400;
    margin-right: 20px;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.manage-area-title h2 {
    display: inline-block;
    vertical-align: middle;
    float: inherit;
}

.manage-area-main {
    font-size: 14px !important;
}

.manage-area-main:after {
    display: table;
    content: "";
    clear: both;
}

.work-order-box {
    font-size: 0;
    overflow-y: auto;
    position: absolute;
    top: 54px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 30px 20px;
}

.manage-area-title.secondary-title {
    border-bottom: 1px solid #ccc;
}

.manage-area-title.secondary-title {
    border-bottom: 1px solid #ccc;
}

.manage-area-title.secondary-title {
    margin-bottom: 15px;
}

.secondary-title .back-link {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
}

.secondary-title .back-link {
    vertical-align: -5px;
    display: inline-block;
    font-size: 16px;
}

.manage-area-title .back-link, .title-select-panel .back-link {
    vertical-align: -1px;
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
}

.btn-back-icon {
    width: 8px;
    height: 14px;
    background-image: url(./sprite.png);
    background-position: -137px -91px;
}

.secondary-title .back-link .btn-back-icon {
    margin-right: 10px;
    vertical-align: -2px;
}

.secondary-title .back-link .btn-back-icon {
    margin-right: 10px;
    vertical-align: -2px;
}

.manage-area-title .back-link .btn-back-icon, .title-select-panel .back-link .btn-back-icon {
    margin-right: 10px;
    vertical-align: -2px;
}

.b-close-icon, .b-error-icon, .b-success-icon, .blue-add-icon, .blue-down-icon, .blue-left-icon, .blue-right-icon, .blue-up-icon, .btn-back-icon, .client-icon, .convert-ip-ash-icon, .convert-ip-icon, .copy-icon, .dosage-icon, .down-icon, .down-sort-icon, .download-icon, .edit-icon, .external-link-icon, .favorable-icon, .filtrate-hover-icon, .filtrate-icon, .icon-add, .icon-alarm, .icon-info-red, .icon-question, .links-icon, .logs-btn-close, .m-close-icon, .m-error-icon, .m-restart-icon, .m-success-icon, .n-close-icon, .n-deploy-icon, .n-error-icon, .n-loading-icon, .n-restart-icon, .n-running-icon, .n-shutdown-icon, .n-success-icon, .new-mark-icon, .note-icon, .notice-btn-close, .pencil-icon, .phone-icon, .plaint-icon, .qq-icon, .records-icon, .remind-icon, .rubbish-icon, .sales-icon, .sort-arrow-icon, .sort-hover-icon, .sort-icon, .th-blue-large-icon, .th-blue-list-icon, .th-large-icon, .th-list-icon, .try-icon, .up-icon, .up-sort-icon, .wechat-icon, .white-down-icon, .white-up-icon {
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.manage-area-title .line-icon, .title-select-panel .line-icon {
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    height: 19px;
    text-indent: -999px;
    border-left: 1px solid #a2a2a2;
}

.manage-area-title .back-link .btn-back-icon, .title-select-panel .back-link .btn-back-icon {
    margin-right: 10px;
    vertical-align: -2px;
}

.manage-area-title .back-link .btn-back-icon, .title-select-panel .back-link .btn-back-icon {
    margin-right: 10px;
    vertical-align: -2px;
}

.hide {
    display: none !important;
}

article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}

*, :after, :before {
    box-sizing: border-box;
}

.ant-table th, .ant-table td {
    padding: 12px 8px
}
@media screen and (max-width: 800px) {

    .rc-dialog{
        width: 90% !important;
    }
}

.modaltitle{
    font-size: 18px;
    font-weight: 200;
}

.modalCenter {
    display: flex;
    align-items: center;
    justify-content: center;
    &.rc-dialog-wrap{
        //top:-200px!important;
    }
}


.rc-calendar-picker{
    z-index: 1060;
}
.hide{
    display: none;
}
@import "../../../../libs/rc-dialog/assets/index.css";
@import "../../../../style/index";